
@mixin block-base($bg-color, $border) {
  background: $bg-color;
  border-top: $border;
  border-bottom: $border;
}

@mixin block-group($padding, $border) {
  .block-header{
    font-size: $font-size-base * 1.1;
    line-height: 2.8rem;
    border-bottom:$border;
  }

  .block-body{
    padding:10px 0;
  }

  .block-footer{
    border-top:$border;
    font-size: $font-size-base * 1.1;
    line-height: 2.8rem;
    position: relative;
    .right{
      right:11px;
      align-items: center;
      display: flex;
      font-size: $font-size-base;
      height: 100%;
      position: absolute;
      top: 0;
    }
  }
}

@mixin grids($width){
    width:$width;
    background: #fff;
    margin-right:-1px;
    margin-bottom:-1px;
    float: left;
    display: block;
}


